{% extends 'layout.html' %}
{% load staticfiles %}


{% block css %}
    <link rel="stylesheet" href="{% static 'ckeditor/ckeditor/plugins/codesnippet/lib/highlight/styles/dark.css' %}">
    <style>
        pre {
            padding: 0;
            margin: 0;
        }

        .art-title {
            border-bottom: 1px solid #dddddd;
            padding: 5px 0;
            margin-bottom: 10px;
            font-size: 36px;
            font-weight: bold;
        }
    </style>
{% endblock %}

{% block content %}
    <div class="luffy-container">

        <div class="art-title">
            {{ obj.title }}
        </div>

        <div class="art-content">
            {{ obj.detail|safe }}
        </div>
    </div>

{% endblock %}

{% block js %}
    <script src="{% static 'ckeditor/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js' %}"></script>
    <script>hljs.initHighlightingOnLoad();</script>
{% endblock %}